﻿html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form,  legend, caption, tbody, tfoot, thead,  th { margin:0; padding:0; border:0; outline:0; font-size:100%; background:transparent; }
body { line-height:1; }
ol, ul, li { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
:focus { outline:0; }
ins { text-decoration:underline; }
del { text-decoration:line-through; }
a img {border: none; outline: none;}
ol li {display: list-item; list-style: decimal;}
/* stops the horizontal shift with centered layouts in moz etc */
/* html { height:100%; margin-bottom:1px; } */
/* ---------------------------------------------------------------------------------------------------- */

/*
********************************************************************
~ HTML TAGS RESET | for all project
********************************************************************
*/
body {font-size: 12px;font-family: Arial, Helvetica, sans-serif; /* line-height: 16px; */}
p {margin:0; padding:0 0 7px;}
input, select, textarea {font-family:Tahoma, Helvetica, sans-serif;}
sup {line-height:1px; margin:0; padding:0px; vertical-align:3px}
table {border-collapse:collapse;}


/*
********************************************************************
~ GLOBAL PROPERTIES | Don't change
********************************************************************
*/
.clr {
	visibility: hidden;
	clear: both;
  display:block;
	padding: 0;
	margin: 0;
	line-height: 1;
	height: 0;
  width: 100%;
	overflow-y: hidden;
	font-size: 0;
}

.note{ color:#707070}
.fl {float:left;}
.fr {float:right;}
.right{text-align:right;}
.center{text-align:center;}
.middle{vertical-align:middle !important;}
.auto_margin {margin:0 auto !important;}
.hidden {visibility: hidden; height: 1px; width: 1px;}
.padding0 {padding: 0 !important;}
.margin0 {margin: 0 !important;}
.noborder {border:none !important;}
.nobg{background:none !important}
.bold {font-weight: bold;}

/* standard text format */
.text_tiny {font-size: 10px; color: #878787;}
.text_small {font-size: 11px;}
.text_medium {font-size: 14px;}
.text_large {font-size: 18px;}
.text_larger {font-size: 20px;}
.important, .warning, .error {color: #cc0000;}
.important_lv2 {color: #fe7e27;}

/*
********************************************************************
~ FORM ELEMENTS | Standard Form elements format
********************************************************************
*/
.formrow {padding: 3px 0; position:relative; width:100%;}
.formrow .field_error{border:1px solid #fff; color:#C80020; padding:2px 4px 2px 24px; font:normal 11px Tahoma; background:url(../images/error.png) 1px 1px no-repeat;outline:#dfdfdf solid 1px; }

.form_note {font-size: 11px; color: #5f5f5f; font-family:Tahoma;}

/* [ Checkbox & checkbox group ]
------------------------------------ */
.checkbox, .radio {
	padding: 0px;
	margin: 7px 3px 0;
	line-height: 1;
	height: 13px;
	vertical-align: -2px;
	overflow: hidden;
}
.checkbox_grp td {padding:0 20px 0 0;}
.checkbox_grp td input {
  padding: 0px;
	margin:0;
	height: 13px;
	vertical-align: -2px;
	overflow: hidden;
  line-height: 1;
}

/* [ Label ]
------------------------------------ */
.text_normal{	display: block;
	padding: 6px 10px 3px 3px; font:normal 12px Arial, Helvetica, sans-serif; color:#1f1f1f;
}

.lb, .lb_largest, .lb_medium {
	display: block;
	padding: 4px 10px 3px 0;
	font-weight: bold;
}
.lb{}
.lb_largest{width:300px;}
.lb_large {width:180px;}
.lb_medium{width:150px;}
.lb_small{width:90px;}
.lb_smallest{width:50px;}


/* [ Textarea ]
------------------------------------ */
.textarea, .textarea_large, .textarea_medium, .textarea_full{
	margin: 1px 0 0 0;
  border: 1px solid #c7c7c7;
color:#717171;
  background-color: #fff;
  font-size:12px;
  padding:3px;
}
.textarea_large {height: 120px; width:600px;}
.textarea_medium{width:300px;} 
.textarea_full{width:100%}


/* [ Textbox Input ]
------------------------------------ */

.textbox, .textbox_medium, .textbox_small,.textbox_large, .textbox_smallest{
	height: 18px;
	margin: 0 5px 0 0;
  border: 1px solid #c7c7c7;
	color:#717171;
  background-color: #fff;
  padding-left:1px;
}
.textbox_focus {border: 2px solid #ababab; background-color: #ffffe5; font-weight: bold;}

/* [ Width for textbox & Textarea ]
-------------------------------------------------------- */
.textbox_medium{width:300px;}
.textbox_large{width:500px;}
.textbox_small{width:200px;}
.textbox_smallest{width:100px;}
.textarea_full,.textbox_full{width:99%;}
.textarea_auto, .textbox_auto{width:auto;}


/* Select's width = Textbox's width + 6 */
.select_medium, .select {margin:0 5px 0 0; padding:1px; border:1px solid #C7C7C7; color:#717171;}
.select_medium {width: 300px;}
.select_full {width: 99%;}

/* Color - Font family - Font size of Form elements */

.file_upload {min-width: 150px; margin:0 0 2px 0; }

